@charset "utf-8";

/*
    Project 2
    Author: Zoe Griffith
    Date:   12/10/25
    
    Filename: cssflex.css
*/


/*
=================================================
Base Flex Styles
=================================================
*/
img#navicon {
    display: none;
}



/*
=================================================
Mobile Flex Styles
=================================================
*/
@media only screen and (max-width: 480px) {

img#navicon {
    display: block;
    max-height: 30px;
    max-width: 30px;
}
nav.tabs ul {
    display: none;
}
a#navicon:hover+ul, nav.tabs ul:hover {
    display: block;
    
}
footer {
    display: none;
}
}



/*
=================================================
Tablet and Laptop Flex Styles
=================================================
*/
@media only screen and (min-width: 481px) {
body > header > nav.tabs li {
    display: block;
    float: left;
    width: 14.2857%;
}
}